<template>
    <div>
        <div class="top">
            <div class = 'back' @click = '$router.go(-1)' v-if = '!$route.query.Cname'><span><i class='iconfont icon-youjiantou'></i></span></div>
            <div class="title">
                电影订单
            </div>
        </div>
        <div class="body">
            <div>
                <div>
                    <img src="../assets/img/movie.png" alt="">
                    <p>暂时没有电影订单</p>
                </div>
            </div>
        </div>
    </div>
</template>

<style lang="scss" scoped>
@import '../assets/font/font_icon/iconfont.css';
    .top{
        background: white;
        padding: 10px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1000;
        .back{
            position:absolute;
            top : 10px;
            left : 10px;
            width : 30px;
            height : 30px;
            background-color :  #f4f4f4;
            border-radius : 50%;
            text-align : center;
            line-height : 30px;
            transform : rotateY(180deg);
            span{
                display : block;
                i{
                    font-size : 23px;
                    color : #FF9900;
                }
            }
        }
        .title{
            text-align: center;
            font-size: 21px;
            height: 30px;
            line-height: 30px;
        }
    }
    .body{
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        padding-top: 51px;
        box-sizing: border-box;
        >div{
            background: white;
            height: 100%;
            position: relative;
            >div{
                position: absolute;
                width: 200px;
                top:0;
                left: 0;
                bottom: 0;
                right: 0;
                height: 160px;
                margin: auto;
                img{
                    display: block;
                    margin: 0 auto;
                    width: 100px;
                }
                p{
                    margin-top: 20px;
                    text-align: center;
                    color: #ccc;
                }
             }
        }
    }
</style>